$(document).ready(function() {
	
	$('input[type=radio]').change( function() {
		if (document.getElementById('type1').checked) {
			document.getElementById('divSelection').innerHTML = 
				"<select id='inputQuarter' name='quarterly'>'" +
					"<option value=''>-เลือกไตรมาส-</option>" +
					"<option value='1'> 1 </option>" +
					"<option value='2'> 2 </option>" +
					"<option value='3'> 3 </option>" +
					"<option value='4'> 4 </option>" +
				"</select>&nbsp;&nbsp;" +
				"<select class='input-small' id='inputYear' name='year'>" +
					"<option value=''>-เลือกปี-</option>" +
					"<option value='2013'> 2556 </option>" +
					"<option value='2014'> 2557 </option>" +
				"</select>";
			document.getElementById('labelQY').innerHTML = "เลือกไตรมาส/ปี";
		} if (document.getElementById('type2').checked) {
			document.getElementById('divSelection').innerHTML = 
				"<select class='input-small' id='inputYear' name='year'>" +
					"<option value=''>-เลือกปี-</option>" +
					"<option value='2013'> 2556 </option>" +
					"<option value='2014'> 2557 </option>" +
				"</select>";
			document.getElementById('labelQY').innerHTML = "เลือกปี";
		}
	});
	
	
	$('#raDataTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "No", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "Agent No.", sClass: "alignCenter", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "Full Name", "bSortable": false, sWidth: '20%'},
		                {"sTitle": "PC",sClass:"text-align: right", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "Bonus",sClass:"text-align: right", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "View", sClass: "alignCenter table-action", sWidth: '10%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return "<i class='fa fa-search' title='ดูรายละเอียด' onclick='showData(\""+ data[0] +"\",\""+ data[1] +"\",\""+ data[2] +"\",\""+ data[3] +"\");'></i> ";
		                	} 
		                }
		               ],
		"bPaginate": false,
		"bInfo" : false,
	//	"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": false, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "ACM1101Srvl?process_type=getDataTable"
	} );
	$('#raDataDetailTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "CLOS_YM", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "PE_NO_COL", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "PO_NO", sClass: "alignCenter", sWidth: '10%', "bSortable": false},
		                {"sTitle": "FYP-C", sClass: "text-align: right", sWidth: '20%', "bSortable": false},
		                {"sTitle": "2<sup>nd</sup> RYP-C", sClass: "text-align: right", sWidth: '20%', "bSortable": false},
		                {"sTitle": "PC", sClass: "text-align: right", sWidth: '20%', "bSortable": false}
		               ],
//		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "../ACM1101Srvl?process_type=getDataDetailTable"
	} );
	
});

function searchData(){
	var vaAgentNo = $("#inputPeNo").val();
	var vaCalculationType = $("input[name=type1]:checked").val();
	var vaQuarter = "-";
	var vaYear = "-";
	if(vaCalculationType == "quarter"){
		vaQuarter = $("#inputQuarter").val();
		vaYear = $("#inputYear").val();
	}
	if(vaCalculationType == "annual"){
		vaYear = $("#inputYear").val();
		
	}
	$('#raDataTable').DataTable().column(0).search(vaAgentNo);
	$('#raDataTable').DataTable().column(1).search(vaCalculationType);
	$('#raDataTable').DataTable().column(2).search(vaQuarter);
	$('#raDataTable').DataTable().column(3).search(vaYear);
	$('#raDataTable').DataTable().draw();
	
	
}
function searchDataDetail(paAgentNo,paCalculationType,paQuarterly,paYear,paAgentName){
	
	setTimeout(function() { 
		$('#raDataDetailTable').DataTable().column(0).search(paAgentNo);
		$('#raDataDetailTable').DataTable().column(1).search(paCalculationType);
		$('#raDataDetailTable').DataTable().column(2).search(paQuarterly);
		$('#raDataDetailTable').DataTable().column(3).search(paYear);
		$('#raDataDetailTable').DataTable().draw();
	}, 1000);
	$('#head_modal_content_detail_commission').html("<h3>"+paAgentName+"&nbsp;(รายละเอียด PC)</h3>");
	$('#detailCommission').modal();
	
}
function showData(paAgentNo,paCalculationType,paQuarterly,paYear){
	$("#inputAgentNumber").val(paAgentNo);
	$("#inputCalculationType").val(paCalculationType);
	$("#inputQuarterly").val(paQuarterly);
	$("#inputYears").val(paYear);
	document.getElementById("myForm").submit();
}

